<html>
<head>
      <style>
   
      body{font-family:verdana;}
   
      table{font-size:70%;background:d20000}
   
      a{color:black;text-decoration:none;font:bold}
   
      a:hover{color:003366}
   
      td.menu{background:d8e1e9}
  
      table.menu
   
      {
  
      font-size:100%;
  
      position:absolute;

      visibility:hidden;
 
      }
  
      </style>
 
      <script language="JavaScript">
  
      function toonmenu(elmnt)

      {
  
      document.all(elmnt).style.visibility="visible"
  
      }
  
      function verstopmenu(elmnt)
 
      {

      document.all(elmnt).style.visibility="hidden"
   }
 
      </script>
</head>   
<body>
<?

include('config.php');

//query om de gegevens uit tabel combiproducten te halen
$sql1=mysql_query("SELECT * FROM artikelen");
while($r = mysql_fetch_array($sql1))

{

$id = $r['idartikelen'];



<font face="arial" size="3"> <table width="100%"> <tr bgcolor="#d8e1e9"> <td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')"> 
    <a href="#.html" target=frame1>Titel</a><br /><table class="menu" id="site1" width="100%"> <tr><td class="menu">
    <a href="#.html" target=frame1>Sub Titel</a></td></tr> <tr><td class="menu"><a href="#.html" target=frame1>Sub 
    Titel</a></td></tr> <tr><td class="menu"><a href="#.html" target=frame1>Sub 
    Titel</a></td></tr> <tr><td class="menu"><a href="#.html" target=frame1>Sub 
    Titel</a></td></tr> <tr><td class="menu"><a href="#.html" target=frame1>Sub 
    Titel</a></td></tr> 
</table></td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')"> <a href="#.html" target=frame1>Titel</a><br /> 
  <table class="menu" id="site2" width="100%">
    <tr>
      <td class="menu"><a href="#.html" target=frame1>$id</a></td>
    </tr>
    <tr>
      <td class="menu"><a href="#.html" target=frame1>Sub Titel</a></td>
    </tr>
    <tr>
      <td class="menu"><a href="#.html" target=frame1>Sub Titel</a></td>
    </tr>
    <tr>
      <td class="menu"><a href="#.html" target=frame1>Sub Titel</a></td>
    </tr>
    <tr>
      <td class="menu"><a href="#.html" target=frame1>Sub Titel</a></td>
    </tr>
  </table></td>
  }
?>

</body>
</html>